<html>

<head>
    <meta charset="utf-8">
    <title>简单过滤器</title>
    <style>
        #mbrfs {
            color: red;
        }

        th {
            text-align: left;
            background-color: yellow;
        }

        td {
            width: 120px;
        }


        .odd {
            background-color: rgb(217, 218, 214);
            /*设置奇数行的背景颜色*/
        }
    </style>
    <script src="./js/jquery-3.6.0.min.js" type="text/javascript"></script>
    <script>
        $(document).ready(function () {
            $("tr:odd").addClass("odd");
        })
    </script>
</head>

<body>
    <table>
        <tr>
            <th>商品名</th>
            <th>商品价格</th>
            <th>商品数量</th>
        </tr>
        <tr>
            <td>美白滋养霜</td>
            <td>120</td>
            <td>100</td>
        </tr>
        <tr>
            <td>美白润体乳</td>
            <td>80</td>
            <td>60</td>
        </tr>
        <tr>
            <td>美白面膜</td>
            <td>68</td>
            <td>40</td>
        </tr>
        <tr id="mbrfs">
            <td>美白柔肤水</td>
            <td>100</td>
            <td>200</td>
        </tr>
        <tr>
            <td>美白日霜</td>
            <td>60</td>
            <td>300</td>
        </tr>
        <tr>
            <td>美白眼膜</td>
            <td>98</td>
            <td>100</td>
        </tr>
        <tr>
            <td colspan="3" align="right">共计6种商品</td>

        </tr>
    </table>
</body>

</html>